const hyr1=document.getElementById('hyr disapear')
const hyr2=document.getElementById('hyr back')
const jun1=document.getElementById('jun apear')
const jun2=document.getElementById('jun disapear')
const hyr=document.getElementById('hyr')
const jun=document.getElementById('jun')
hyr1.addEventListener('click',fun1)
hyr2.addEventListener('click',fun2)
jun1.addEventListener('click',fun3)
jun2.addEventListener('click',fun4)
function fun1(e){
    if(e.target.style.color=='green'){
        e.target.style.color='blue'
    }else{
        e.target.style.color='green'
    }
    hyr.style.display='none'
}
function fun2(e){
    hyr1.style.color='black'
    hyr.style.display='flex'
}
function fun3(e){
    if(e.target.style.color=='blue'){
        e.target.style.color='green'
    }else{
        e.target.style.color='blue'
    }
    
    jun.style.display='flex'
}
function fun4(e){
    jun1.style.color='black'
    jun.style.display='none'
}